<template>
	<view class="itu-demo">
		<view class="itu-demo-wrap">
			<view class="itu-demo-title">演示效果</view>
			<view class="itu-demo-area">
				<itu-time-slot :mark="mark" :disabledTime="disabledTime" :activeTime="activeTime" :startTime="startTime" :endTime="endTime" :timeSlot="timeSlot" :defaultColor="defaultColor" :disabledColor="disabledColor" :activeColor="activeColor"></itu-time-slot>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				startTime: 0,
				endTime: 23,
				timeSlot: 30,
				defaultColor: "#e6e6e6",
				disabledColor: "#fc1307",
				activeColor: "blue",
				disabledTime: ['15:00'],
				activeTime: ['15:30', '16:00'],
				mark: false
			};
		},
		onLoad({ title }) {
			this.setNavigationBarTitle(title)
		}
	}
</script>